@charset "UTF-8";


/**----------------------------------定位Positioning大类：控制元素的定位方式、层叠顺序，及相对于父元素的位置关系等------------------------------------------**/


/**
目录分类：
	bc-pos-p[-类型][类别]：position，设置元素的定位方式。相关属性：z-index、top、bottom、left、right、float、display、width、height等。注意：不同的定位方式将影响到这些相关属性的实际效果。
	bc-pos-zi[类别]：z-index，设置元素的层叠顺序。注意：必须定义position属性值为absolute、relative或fixed，此属性才起作用。同时，负值的z-index定位元素在IE和FF下显示不一致。
	bc-pos-t[类别]：top，设置此元素与其最近一个定位的父元素顶部相关的位置，即此元素顶部相对于定位的父元素的偏移量。注意：若元素的position属性为static，则此属性不起作用。
	bc-pos-b[类别]：bottom，设置此元素与其最近一个定位的父元素底边相关的位置，即此元素底边相对于定位的父元素的偏移量。注意：若元素的position属性为static，则此属性不起作用。
	bc-pos-l[类别]：left，设置此元素与其最近一个定位的父元素左边相关的位置，即此元素左边相对于定位的父元素的偏移量。注意：若元素的position属性为static，则此属性不起作用。
	bc-pos-r[类别]：right，设置此元素与其最近一个定位的父元素右边相关的位置，即此元素右边相对于定位的父元素的偏移量。注意：若元素的position属性为static，则此属性不起作用。
*/




/**
元素的定位方式：
格式：
	bc-pos-p[-类型][类别]
说明：
	前缀为bc-pos-p，代表：position，设置元素的定位方式。相关属性：z-index、top、bottom、left、right、float、display、width、height等。
	类别为数字编号，用于定义各种不同的元素定位方式。
注意：
	不同的定位方式将影响到这些相关属性的实际效果。
	若此元素的position属性值为absolute或fixed，则此元素的float浮动效果将会失效，即使float属性设置为其他值也是无效的。
	而且此时，为此元素设置的width属性和height属性也开始生效，元素原本默认的行内元素效果（display:inline;）将会失效。
	CSS等价样式【position:absolute|fixed生效====float失效】
类型：
	0|s：static，默认值，无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。
	1|r：relative，对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。
	2|a：absolute，对象脱离正常文档流，使用top，right，bottom，left等属性进行绝对定位。而其层叠通过z-index属性定义。
	3|f：fixed，对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。IE6及以下不支持此参数值。
*/
.bc-pos-p0, .bc-pos-p-s{
	position: static;
}
.bc-pos-p1, .bc-pos-p-r{
	position: relative;
}
.bc-pos-p2, .bc-pos-p-a{
	position: absolute;
}
.bc-pos-p3, .bc-pos-p-f{
	position: fixed;
}




/**
元素的层叠顺序：
格式：
	bc-pos-zi[类别]
说明：
	前缀为bc-pos-zi，代表：z-index，设置元素的层叠顺序。注意：必须定义position属性值为absolute、relative或fixed，此属性才起作用。
	类别为数字编号，用于定义各种不同的元素层叠顺序。
注意：
	必须定义position属性值为absolute、relative或fixed，此属性才起作用。同时，负值的z-index定位元素在IE和FF下显示不一致。
*/
.bc-pos-zi0{
	/*保持与其父元素的定位顺序一致*/
	z-index: auto;
}
.bc-pos-zi1{
	z-index: 1;
}
.bc-pos-zi2{
	z-index: 2;
}
.bc-pos-zi3{
	z-index: 3;
}
.bc-pos-zi4{
	z-index: 4;
}
.bc-pos-zi-max{
	/*跨浏览器支持的最大值*/
	z-index: 2147483647;
}




/**
设置此元素顶部相对于定位的父元素的偏移量：
格式：
	bc-pos-t[类别]
说明：
	前缀为bc-pos-t，代表：top，设置此元素与其最近一个定位的父元素顶部相关的位置，即此元素顶部相对于定位的父元素的偏移量。注意：若元素的position属性为static，则此属性不起作用。
	类别为数字编号，用于定义各种不同的top偏移量。
注意：
	若元素的position属性为static，则此属性不起作用。
*/
.bc-pos-t0{
	top: auto;
}
.bc-pos-t1{
	top: 10px;
}
.bc-pos-t2{
	top: 10%;
}




/**
设置此元素底边相对于定位的父元素的偏移量：
格式：
	bc-pos-b[类别]
说明：
	前缀为bc-pos-b，代表：bottom，设置此元素与其最近一个定位的父元素底边相关的位置，即此元素底边相对于定位的父元素的偏移量。注意：若元素的position属性为static，则此属性不起作用。
	类别为数字编号，用于定义各种不同的bottom偏移量。
注意：
	若元素的position属性为static，则此属性不起作用。
*/
.bc-pos-b0{
	bottom: auto;
}
.bc-pos-b1{
	bottom: 10px;
}
.bc-pos-b2{
	bottom: 10%;
}




/**
设置此元素左边相对于定位的父元素的偏移量：
格式：
	bc-pos-l[类别]
说明：
	前缀为bc-pos-l，代表：left，设置此元素与其最近一个定位的父元素左边相关的位置，即此元素左边相对于定位的父元素的偏移量。注意：若元素的position属性为static，则此属性不起作用。
	类别为数字编号，用于定义各种不同的left偏移量。
注意：
	若元素的position属性为static，则此属性不起作用。
*/
.bc-pos-l0{
	left: auto;
}
.bc-pos-l1{
	left: 10px;
}
.bc-pos-l2{
	left: 10%;
}




/**
设置此元素右边相对于定位的父元素的偏移量：
格式：
	bc-pos-r[类别]
说明：
	前缀为bc-pos-r，代表：right，设置此元素与其最近一个定位的父元素右边相关的位置，即此元素右边相对于定位的父元素的偏移量。注意：若元素的position属性为static，则此属性不起作用。
	类别为数字编号，用于定义各种不同的right偏移量。
注意：
	若元素的position属性为static，则此属性不起作用。
*/
.bc-pos-r0{
	right: auto;
}
.bc-pos-r1{
	right: 10px;
}
.bc-pos-r2{
	right: 10%;
}



